<template>
	<view class="record">
		<view class="item">
			<uv-count-to fontSize="26" color="#F67D8D" :startVal="0" :endVal="classifyRecord.correctRate ?? 0" :decimals="2"
				decimal="."></uv-count-to>%
			<view>刷题正确率</view>
		</view>
		<view class="item">
			<uv-count-to fontSize="26" color="#889BCD" :startVal="0" :endVal="classifyRecord.totalCount ?? 0"></uv-count-to>
			<view>题目数量</view>
		</view>
		<view class="item">
			<uv-count-to fontSize="26" color="#889BCD" :startVal="0"
				:endVal="classifyRecord.continuousDays ?? 0"></uv-count-to>
			<view>坚持天数</view>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		classifyRecord: {
			type: Object,
			default: () => ({})
		}

	})
</script>

<style lang="scss">
	.record {
		display: flex;
		background-color: #f8faff;
		border-radius: 20rpx;
		padding: 20rpx 0;

		.item {
			flex: 1;
			text-align: center;
			font-size: 24rpx;
			color: $text-color;
		}
	}
</style>